<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/jquery.fullPage.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/flash.css"/>
	</head>
	<body>
		<div id="web">
			<!--第1页-->
			<div class="section page1"></div>
			<div class="section page2"></div>
		</div>
		
		
		<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
		<script type="text/javascript" src="js/jquery.fullPage.min.js"></script>
		<script type="text/javascript">
			//jq写法，$("")获取页面元素,双引号里面写css3选择器
			$("#web").fullpage({
				//对象写法
				//属性：值（数字、字符串、对象、数组、布尔值、null、underfined、函数）
//				sectionsColor:["#ff0000","#00ff00","#0000ff"],
				//导航小姐
				navigation:true,
				//触摸的敏感度，越大越难滑
				tochSensitivity:5,
				//当滑到每一页结束之后触发的函数
				//可以在触发时给每个页面添加激活类（active）
				//参数：锚点序号，页面序号
//				afterLoad:function(anchorIndex,index){
////					console.log("滑动结束了");
////					console.log(anchorIndex,index);
//					//虽然此处的index是从1开始，但是js的序号是从0开始
//					//如果index等于1时，就执行...
//					if(index==1){
//						//先找到.section的元素，再从里面找第0个
//						$(".section").eq(0).addClass("active");=
//					}
//				}
			});
			
			//自动计算根字体大小脚本
			//安卓的输入法虚拟键盘会影响Body的高度，所以在加载时，将body的原本高度给固定住
			document.body.style.height = window.innerHeight + "px";
			
	        /*动态改变根元素字体大小*/
	        function recalc() {
	            var clientWidth = document.documentElement.clientWidth;
	            if(!clientWidth) return;
	            document.documentElement.style.fontSize = 40 * (clientWidth / 750) + 'px';
	                                        // 字体大小   = 1个rem单位表示多少个像素（设备的宽度   /设计宽度）
	        }
	
	        function initRecalc() {
	            recalc();
	            var resizeEvt = 'osrientationchange' in window ? 'orientationchange' : 'resize';
	            if(!document.addEventListener) return;
	            window.addEventListener(resizeEvt, recalc, false);
	            document.addEventListener('DOMContentLoaded', recalc, false);
	        }
	        initRecalc();
		</script>
	</body>
</html>
